$(function(){
	enterPriseLine("chart1");
	enterpriseSumsBar("chart2");
})
//企业数量企业规模折线图
function enterPriseLine(id){
	var echartWidth = $(window).width() * 0.335;
	var echartHeight = $(window).height() * 0.405;
	// 基于准备好的dom，初始化echarts实例
	var myChart = echarts.init(document.getElementById(id));
	/*根据浏览器宽、高设置echarts 宽、高*/
	myChart.resize({
	    width: echartWidth,
	    height: echartHeight,
	});
	/*end*/
	var options = {
		color: [/*"#348ea9", "#54ba9b",*/ "#f48b38", "#35acfe"],
		tooltip: {
			trigger: 'axis',
			axisPointer: {
				type: 'cross'
			}
		},
		grid:{
			top: '10%',
			left: '12%',
			right: '12%',
			bottom: '20%'
		},
		legend: {
			bottom: 10,
			textStyle: {
				color: '#fff',
				fontSize: 12
			},
			data: ['企业数量', '企业规模']
		},
		xAxis: [{
			type: 'category',
			axisTick: {
				alignWithLabel: true
			},
			axisLine: {
				lineStyle: {
					color: '#35acfe'
				}
			},
			axisLabel: { //轴坐标标识样式
				textStyle: {
					color: '#fff',
					fontSize: 12
				},
			},
			data: ['2013年', '2014年', '2015年', '2016年', '2017年', '2018年']
		}],
		yAxis: [{
				type: 'value',
				name: '单位：万',
	            nameGap: -8,
	            nameTextStyle:{
	            	padding: [0,0,0,60]
	            },
				min: 0,
				max: 3500,
				position: 'left',
				axisLine: {
					lineStyle: {
						color: '#35acfe'
					}
				},
				axisLabel: { //轴坐标标识样式
					textStyle: {
						color: '#fff',
						fontSize: 12
					},
					formatter: '{value} '
				},
				splitLine: {
					show: false
				}
			},
			{
				type: 'value',
				name: '单位：个',
	            nameGap: -8,
	            nameTextStyle:{
	            	padding: [0,60,0,0]
	            },
				min: 0,
				max: 3500,
				position: 'right',
				axisLine: {
					lineStyle: {
						color: '#35acfe'
					}
				},
				axisTick: {
					lineStyle:{
						color: '#fff'
					}
				},
				axisLabel: { //轴坐标标识样式
					textStyle: {
						color: '#fff',
						fontSize: 12,
					},
					formatter: '{value}'
				},
				splitLine: {
					show: false
				}
			}
		],
		series: [/*{
				name: '内资注册资本',
				type: 'line',
				yAxisIndex: 1,
				data: [22.6, 5.9, 9.0, 26.4, 28.7, 70.7, 75.6, 82.2, 48.7, 18.8, 26.0, 28.7]
			},*/
			{
				name: '企业数量',
				type: 'line',
				yAxisIndex: 1,
				data: [2312, 3224, 3113,3412,3332,3562]
			},
			{
				name: '企业规模',
				type: 'line',
				yAxisIndex: 1,
				data: [1240, 2262, 2103,2309,2378,2490]
			}
		]
	}
	// 使用刚指定的配置项和数据显示图表。
	myChart.setOption(options);
}
//企业总体情况柱形图
function enterpriseSumsBar(divName){
    var echartWidth = $(window).width() * 0.333;
    var echartHeight = $(window).height() * 0.405;
    //初始化echarts
    var myChart = echarts.init(document.getElementById(divName));
    myChart.resize({
        width: echartWidth,
        height: echartHeight,
    });

    var option = {
       // backgroundColor: '#f6f6f6',
        /*title: {
            text: '人员身份流入流出差异',
            textStyle:{
                color:"#fff"
            }
            // subtext: '排名数量'
        },*/
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            bottom: 10,
			textStyle: {
				color: '#fff',
				fontSize: 12
			},
			data: ['企业专利申请', '高新技术企业','研究中心']
        },
        grid:{
			top: '10%',
			left: '10%',
			right: '5%',
			bottom: '20%'
		},
        /*toolbox: {
            show: true,
            orient: 'vertical',
            feature: {
                mark: {
                    show: true
                },
                show: true,
                magicType: { show: true, type: ['line', 'bar'], title: { line: "折线", bar :"柱形"} },
                restore: { show: true, title: "还原" },
                saveAsImage: { show: true, title: "导出" }
            }
        },*/
        //  calculable: true,
        xAxis: [{
            type: 'category',
            data: ['2013年', '2014年', '2015年', '2016年', '2017年', '2018年'],
            axisLabel: { //坐标轴刻度标签的相关设置。
                interval: 0,//设置为 1，表示『隔一个标签显示一个标签』
                //margin: 15,
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontFamily: '微软雅黑',

                    // fontSize: 12,
                }
            },
            axisLine: {
				lineStyle: {
					color: '#fff'
				}
			},

        }],
        yAxis: [{
            type: 'value',
            name: '单位：个',
	            nameGap: -8,
	            nameTextStyle:{
	            	padding: [0,0,0,60]
	            },
            axisLabel: { //坐标轴刻度标签的相关设置。
                interval: 0,//设置为 1，表示『隔一个标签显示一个标签』
                margin: 15,
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontFamily: '微软雅黑',

                    // fontSize: 12,
                }
            },
            axisLine: {
				lineStyle: {
					color: '#fff'
				}
			},
			splitLine: {
				show: false
			}
        }],
        series: [{
            name: '企业专利申请',
            type: 'bar',
            itemStyle: {

                normal: {
                    color: '#ff7f50',
                    label: {
                        show: true,
                        position: 'top',
                        textStyle: {
                            fontSize: 14
                        }
                    }
                }
            },
            data: [102, 121, 134,156,167,175]
        }, {
            name: '高新技术企业',
            type: 'bar',
            itemStyle: {
                normal: {
                    color: '#87cefa',
                    label: {
                        show: true,
                        position: 'top',
                        textStyle: {
                            fontSize: 14
                        }
                    }
                }
            },
            data: [44, 57, 62,69,74,80]
        }, {
            name: '研究中心',
            type: 'bar',
            itemStyle: {
                normal: {
                    color: '#87cefa',
                    label: {
                        show: true,
                        position: 'top',
                        textStyle: {
                            fontSize: 14
                        }
                    }
                }
            },
            data: [24, 35, 26,32,40,49]
        }]
    }
    myChart.setOption(option);
}